<html>
	<title>Digi Chef</title>
<head>
	<LINK REL=StyleSheet HREF="style.css" TYPE="text/css">
	<LINK REL=StyleSheet HREF="menu.css" TYPE="text/css">
</head>

<!--maybe some script and the css style file-->

<body>
<div id="main">
<div id="Header">
	<div id="info">
		<div id="nav">
			<ul>
				<li id="zishu01"><a href='index.html'><span>Home</span></a></li>
				<li id="zishu01"><a href='Recipelist.html'><span>Recipes</span></a></li>
			</ul>
		</div>
		<div id="menu">
			<div id="r1"></div>
			<div id="r2"></div>
			<div id="r3"></div>
			<div></div>
		</div>
	</div>
	this is the heading, i don't know why it is not in the center...the logo could be top left above the menu. but could be checked later...
</div>
	

<div id="sideBar">
	<p>may be a little marketing of the website</p>
</div>

<div id="mainSection">
	<h>Register:</h><br>
	<t>Email:</t><br>
	<t><input type="text" name="email"></t><br>
	<t>Password</t><br>
	<t><input type="password" name="password"></t><br>
	<t>Enter your password again</t><br>
	<t><input type="password" name="password"></t><br>
	<t><input type="checkbox" name="termOfUse"><a href='termOfUse.html'>You have read the term of use</a></t><br>
	<t>
	<ul>
		<li><a href='registerSucced'>Finish</a></li>
	</ul>
	<t>	
</div>


</div>			

<div id="footer">
	footer:p
</div>

</body>
</html>